root {
    display: block;
}

body {
	margin-top: 20px;
        padding:0px;
        background-color:#AFDCEC;
}

#header {
    font-family: Geneva,Arial,Helvetica,sans-serif;
}

#bodycolor {
	width: 830px;
        height: 100%;
	margin:0px auto;
	padding:15px;
	border:1px solid #333;
	background-color:#79BAEC;
        color: white;
	font-family: Georgia,'Times New Roman',times,serif;
}

h1{
    font-size: 130%;
    font-family: Georgia,'Times New Roman',times,serif;
    border-bottom-style: dotted;
    padding-bottom: 10px;
}

a{
    font-weight: 600;
}

a:visited{
    color: white;
}

#past > .trips{
    display: none;
}

#future > .trips{
   display: none;
}

:target .trips{
    display: block !important;
}

.right{
    float: right;
}

.left{
    float: left;
}

.clear{
    clear: both;
}

#trips{
    border-style: groove;
    border-width: 2px;
    border-color: darkblue;
}

#future, #past{
    padding-right: 15px;
}

a{
    text-decoration: none;
    border-style: solid;
    border-width: 2px;
    border-color: #2B547E;
    background-color: #2B547E;
}

a:hover{
    border-color: #79BAEC;
}

a:first-child{
    padding-right: 5px;
    padding-left: 5px;
    margin-right: -2px;
    border-right: 1px groove;
}

a:nth-child(2){
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -2px;
}

input[name="currentLocation"]{
    border-style: groove;
    border-color: black;
    padding-top: 3px;
    padding-bottom: 3px;
    color: darkblue;
    font-family: Georgia,'Times New Roman',times,serif;
    display: inline;
    margin-top: 7px;
}

label{
    margin-top: 10px;
    display: block;
}

.link{
    font-size: 90%;
    border: none;
    border-color: none;
    background-color: inherit;
    text-decoration: underline;
    margin: 5px;
    padding: 3px;
}

.link:hover{
    background-color: #2B547E;
}

